<template>
  <j-modal title="就业意向" :width="700" :visible="visible" :footer="null" switchFullscreen @cancel="handleCancel"
    @ok="handleOk">
    <div class="box1">
      <p><span>人员类型：</span>{{ setTittle(infoObj.type) }}</p>
      <p><span>姓名：</span>{{ infoObj.name }}</p>
      <p><span>身份证号：</span>{{ infoObj.identification }}</p>
      <p><span>性别：</span>{{ infoObj.gender == '1' ? '男' : '女' }}</p>
    </div>
    <div class="box2">
      <p class="tp">就业意向</p>
      <p>{{ infoObj.employIntention }}</p>
      <p class="tp">工作地点</p>
      <p>{{ infoObj.workPlace }}</p>
      <p class="tp">薪资要求</p>
      <p>{{ infoObj.salaryReq }}</p>
      <p class="tp">擅长技能</p>
      <p>{{ infoObj.goodSkill }}</p>
      <p class="tp">培训经历</p>
      <p><span>培训时间：</span>{{ infoObj.trainStartTime }} ~ {{ infoObj.trainEndTime }}</p>
      <p><span>培训地点：</span>{{ infoObj.trainPlace }}</p>
      <p><span>培训内容：</span>{{ infoObj.trainContent }}</p>
      <p class="tp">自我评价</p>
      <p>{{ infoObj.selfEvaluation }}</p>
    </div>
    <!-- <template slot="footer">
      <a-button type="primary" @click="onTJ()">就业推荐</a-button>
      <p style="text-align: left;">创建人：{{ 121212 }} <span style="margin-left:30px;">创建时间：{{ 222 }}</span> </p>
    </template> -->
  </j-modal>
</template>
<script>
import * as employmentApi from '@/api/sjsk/help/employment.js'
export default {
  name: 'detailModal',
  data() {
    return {
      visible: false,
      infoObj: {},
    }
  },
  async created() {
  },
  methods: {
    show(record) {
      this.visible = true
      this.getDetail(record)
    },
    getDetail(record) {
      employmentApi.employIntentionDetails({ id: record.id, type: record.type }).then(res => {
        if (res.success) {
          this.infoObj = res.result
        }
      })
    },
    setTittle(text) {
      return this.$filterDictTextByCache('personType', text)  //现在字典中对应的文字，是全局函数
    },
    handleCancel() {
      this.visible = false
    },
    handleOk() {
      this.visible = false
    },
    onTJ() {

    }
  },
}
</script>
<style lang="less" scoped>
.box1 {
  span {
    display: inline-block;
    width: 80px;
    text-align: left;
  }
}

.box2 {
  margin-top: 20px;
  border-top: 1px solid #ccc;
  padding-top: 20px;

  .tp {
    font-weight: bold;
  }
}

/deep/ .ant-modal-footer {
  // display: flex;
  // justify-content: space-between;
  text-align: right;
}
</style>
